<template>
    <div class="app">
        <el-menu  :default-active="activeIndex" router class="el-menu-demo" mode="horizontal" @select="handleSelect">
          <el-menu-item index="/">首页</el-menu-item>
          <el-menu-item index="/show">商品</el-menu-item>
          <el-menu-item index="/order/allorder">我的订单</el-menu-item>
          <br>
          <div class="shortcut">
            <div class="wid">
            <div class="cshi fl" v-if="uid==null?true:false">
                <span id="login"><li >你好，<a rel="nofollow" target="_blank" @click="login" style="cursor: pointer">请登录</a>
                <router-link rel="nofollow" class="red near-ml" to="/register">免费注册</router-link></li></span>
            </div>
             <div class="cshi fl" v-if="uid==null?false:true">
                <span id="login"><li>欢迎你，{{username}}
                </li></span>
            </div>
            <ul class="fr">
                <li class="in-transaction"><a href="javascript:;" @click="myvip">我的会员</a></li>
                <li class="in-topline">|</li>
                <li class="in-help">
                <a target="_blank" href="/help/list.shtml"><em></em>帮助中心</a>
                </li>
                <li class="in-topline">|</li>
                <li class="in-cellicon in-dropdown">
                <a href="javascript:void(0)" >手机端
                    <div class="dropdown-layer" style="width: 200px;display: none;">
                    <div class="clearfix" style="height:90px;border-bottom: 2px solid #F7F7F7;">
                        <div class="fl">
                        <img style="width: 80px;height:80px" src="/source/img/indexV6/img/weixin-program.png">
                        </div>
                        <div class="fr">
                        <p class="app-word" style="margin-top: -2px;font-weight:bold;">微信小程序</p>
                        <p class="app-word">手机扫一扫</p>
                        <p class="app-word">打开微信小程序</p>
                        <p class="app-word">手机看项目、报名</p>
                        <p class="app-word">操作更便捷</p>
                        </div>
                    </div>
                    <div class="clearfix" style="margin-top:10px;">
                        <div class="fl">
                        <img style="width: 80px;height:80px" src="https://res.dscq.com/source/img/indexV6/img/weixin-130.png">
                        </div>
                        <div class="fr">
                        <p class="app-word" style="margin-top: -2px;font-weight:bold;">关注微信公众号</p>
                        <p class="app-word">手机扫一扫</p>
                        <p class="app-word">关注小四公众号</p>
                        <p class="app-word">更多产权优惠福利</p>
                        <p class="app-word">等你来拍</p>
                        </div>
                    </div>
                    </div>
                </a>
                </li>
                <li class="in-topline">|</li>
                <li class="tele-phone">商务合作<span>028-85672628</span></li>
            </ul>
            </div>
        </div>
      </el-menu>
        <br>
        <!-- 路由的出口：视图显示的窗口 -->
      <router-view></router-view>
      <div class="new-footer">
        <div class="wid">
        <div class="new-footer-icon">
            <img src="https://www.dscq.com/source/img/indexV6/img/icon.png">
        </div>
        <div class="f-cb new-footer-list">
            <div class="fl new-footer-item">
            <div class="dt-foot">关于我们</div>
            <div class="dd-foot">
                <a class="foot-dd" target="_blank" href="https://www.dscq.com/help/list.shtml?pid=74d2c40b140c4145876a10d017758444&amp;subcode=a679100bfbb54edfb8e8834aa7b637d9">关于小四</a>
                <a class="foot-dd" target="_blank" rel="nofollow" href="/features.shtml">特色功能</a>
            </div>
            </div>
            <div class="fl new-footer-item ">
            <div class="dt-foot">新手指南</div>
            <div class="dd-foot">
                <a class="foot-dd" target="_blank" rel="nofollow" href="/authIntroduced.shtml">会员介绍</a>
                <a class="foot-dd" target="_blank" href="https://www.dscq.com/help/list.shtml?pid=74d2c40b140c4145876a10d017758444&amp;subcode=194e012a64874d249c3a1bc35ec42e4e">注册问题</a>
            </div>
            </div>
            <div class="fl new-footer-item">
            <div class="dt-foot">竞拍相关</div>
            <div class="dd-foot">
                <a class="foot-dd" target="_blank" href="https://www.dscq.com/help/list.shtml?pid=6f743275b9b44ed0aa4bd334ed07fda9&amp;subcode=b977c759d3914695ba528ed105d566cd">拍前准备</a>
                <a class="foot-dd" target="_blank" href="https://www.dscq.com/help/list.shtml?pid=6f743275b9b44ed0aa4bd334ed07fda9&amp;subcode=180f3221b38f471b8c7c14c4af00e902">竞拍流程</a>
            </div>
            </div>
            <div class="fl new-footer-item">
            <div class="dt-foot">资金相关</div>
            <div class="dd-foot">
                <a class="foot-dd" target="_blank" style="width: 72px;" href="https://www.dscq.com/help/list.shtml?pid=74d2c40b140c4145876a10d017758444&amp;subcode=3d84824af9904ab096b994a9b47a843e">关于保证金</a>
            </div>
            </div>
            <div class="fl new-footer-item new-footer-last">
            <div class="dt-foot">安全保障</div>
            <div class="dd-foot">
                <a target="_blank" rel="nofollow" href="/security.shtml" style="width: 84px;">数据信息安全</a>
                <a class="foot-dd" rel="nofollow" target="_blank" href="/fundingSafety.shtml">资金安全</a>
            </div>
            </div>

        </div>
        <div class="f-cb new-foot-copy">
            <div class="foot-copy-lef">
            <a target="_blank" rel="nofollow" href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=54010202000056" style="color:#999;">
                <img src="https://res.dscq.com/source/img/ba.png" style="width: 20px;position: relative;top: 4px;left: -3px;">重庆公网安备
                54010202000056号
            </a>
            <span class="fline">|</span>
            <a target="_blank" href="https://www.beian.miit.gov.cn">渝ICP备xxxxxxxxx</a>
            <span class="fline">|</span>增值电信业务经营许可证:易拍APP
            <br> Copyright © 2015-2020 易拍 epai.com 版权所有
            </div>
        </div>

        <div class="foot-follow">
            <a href="https://www.cyberpolice.cn/wfjb/html/index.shtml" rel="nofollow" target="_blank" class="foot-follow1"></a>
            <span class="fline"></span>
            <a href="https://www.12377.cn/" rel="nofollow" target="_blank" class="foot-follow2"></a>
            <span class="fline"></span>
            <a id="___szfw_logo___" href="https://credit.szfw.org/CX20160923026013280183.html" rel="nofollow" target="_blank">
            <img src="http://icon.szfw.org/cert.png" border="0" height="30" style="margin-top: 5px;">
            <img src="src\static\img\foot-follow1.png" alt="">
            </a>

            <span class="fline"></span>
            <a href="https://www.shuidixy.com/company_info_76085342084157299421560892714865.html" rel="nofollow" target="_blank">
            <img src="https://res.dscq.com/source/img/indexV6/img/foot-follow4.png" style="margin-top: 5px;">
            </a>
            <span class="fline"></span>
            <a href="https://www.cnnic.cn/" rel="nofollow" target="_blank" class="foot-follow5"></a>
            <span class="fline"></span>
            <a href="https://www.isc.org.cn/" rel="nofollow" target="_blank" class="foot-follow6"></a>
            <span class="fline"></span>
            <a href="https://www.creditchina.gov.cn/xinyongxinxixiangqing/default.html?isEncryStr=1&amp;encryStr=O1F0azlyQWJxeg%3D%3D%0A&amp;name=%E8%A5%BF%E8%97%8F%E7%94%B5%E5%AD%90%E5%95%86%E5%8A%A1%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&amp;isEncryStr=1" rel="nofollow" target="_blank" class="foot-follow7"></a>
            <span class="fline"></span>
            <a href="/infoSafe.shtml" rel="nofollow" target="_blank" class="foot-follow8"></a>
        </div>

        </div>
    </div>
    </div>
</template>

<style>


</style>

<script>
export default {
  name: 'app',
  components: {
    
  },
  data() {
      return {
          activeIndex: '/',
          uid:null,
          username:''
      };
  },
  updated(){
      this.uid = sessionStorage.getItem("uid");
      console.log(this.uid);
      this.username = sessionStorage.getItem("username");
  },
  methods: {
      handleSelect(key, keyPath) {
          console.log(key, keyPath);
      },
      handleOpen(key, keyPath) {
        //   console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
          console.log(key, keyPath);
      },
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
        },
        closeThis(row){
        this.dialogFormVisible = row;
        },
        release(){
        this.dialogFormVisible  = true;
        },
        myvip(){
        //设置session id
        this.$router.push({path:'/vips'});
        },
        login(){
        this.$router.push({path:'/login'});
        }
  }
}
</script>